<template>
  <div>
    problem-manage{{ Math.random() }}
    <button @click="handle">点击</button>
    <div v-for="item in arr" :key="item">{{ item }}</div>
  </div>
</template>
<script>
export default {
  props: {
    lData: Object
  },
  data() {
    return {
      msg: 0,
      arr: [1, 2]
    };
  },
  watch: {
    lData: {
      handler(value) {
        this.msg = this.lData;
      },
      deep: true
    }
  },
  methods: {
    handle() {
      this.$set(this.arr, 1, 5);
      console.log(this.arr, this);
    }
  },
  created() {
    console.log(1);
    this.msg = this.lData;
  }
};
</script>
